// // var name = "aaa";//String name="aaa";
// // let age = 18;//int  age=18;
// // const sex = '女';// static final SEX="女";
// //java里面右全局变量，局部变量，静态变量，类变量
// // var以后不要用了，减少用
// //let 变量,  const  常量
// //js 的数据类型根据什么来确定呢？js根据后面的值来确定
// let name = "aaa";//字符,js不区分单双引号
// let age = 18;//数值
// let agea = "18";//字符
// let isMale = true;//布尔
// let obj = {};//对象
// obj = {name: "bbb", age: 18, sex: '男'};
// //对象的取值和赋值
// let namea = obj.name;//取得对象里面的值
// obj.name = "ccc";//对对象里面的key值进行赋值
// //对于Java来说，只要得到数据，一般情况下都需要对数组进行遍历  for 循环
// let arr = [1, "2", "aa", "bb"];//数组
// //对数组进行赋值：
// //String [] aa={"a","b"};"c";
// arr.push("c");//将字符串加入到数组的最右侧
// arr.unshift("a");//加入到最左侧
// console.log(arr);
// arr.pop();//删除最后一个
// //将arr数组打印到控制台
// arr.shift();//删除第一个
// console.log(arr);
// console.log(arr[10]);//应该打印什么？
// arr[15]="aaaaaaaaaa";//赋值
// console.log(arr[10]);//应该打印出什么?
// //遍历数组
// for (let i = 0; i < arr.length; i++) {
//     console.log(arr[i]);
// }
// //---------------------------------------
// //js字符串常用的方法？name.length;
// //Java得到字符串长度用？name.length();
// let long=name.length;
// let str="adfsadfasdfas";
// //split("df"), 将字符串转换为数组['a','sa','as','as']
// // replace('a','b'),将字符串里面的“a”替换成“b”；bdfsbdfbsdfbs
// // substr(1,3);截取字符串里面的字符，从第一个开始截取，往后面数3个字符 dfs
// //substring【1,3);截取字符串从1到3的字符 df，包含1，不包含3的字符
// let date=new Date();
// // date.getHours();
// let nowTime=date.getHours()+":"+date.getMinutes()+":"+date.getMilliseconds();
// //js要得到时间都是通过字符串进行拼接
// let x=-4.6;
// console.log(Math.random());
// console.log(Math.round(x));
//
//
//

<!--  页面加载完成执行里面的代码  -->
// 以后js应该和html分开
$(function () {
    // layui.use 用于加载模块form表单模块,后面的function表示加载模块后做什么申请
    layui.use(['form'], function () {
        //要得到form表单 var form = layui.form;
        //var 已经被let和const替换了
        let form = layui.form;

        //自定义验证规则
        form.verify({
            //{6,16}表示从范围
            //[]表示可以取的值，而且只能取一个
            //h-zP-Z字母a到z和A到Z
            //0-9数字
            //_-下划线，减号
            username: [/^[a-zA-Z0-9_-]{6,16}$/, '6到16位（字母，数字，下划线，减号）'],
            password: [/^.{4,16}$/, '只要不是空白字符即可']

        });
        //提示框
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        //监听提交
        //div[title='ti']{},方法就是做事情的地方
        //点击按钮之前，layui默认需要做自定义判断
        form.on('submit(login)', function (data) {
            data = data.field;//将字段值重新赋值给data
            // alert(888)
            //弹出提示框，并显示内容，然后关闭后跳转到新页面
            //JSON.stringify(data.field)
            //data.field
            //data
            //一般我们想要知道数据是什么，需要打印到控制台
            // console.log(data);//拿到form表单所有数据
            // console.log(data.field);//这个就是我们需要的数据
            // console.log(JSON.stringify(data.field));//将对象强制转换为字符
            // layer.msg(JSON.stringify(data.field), function () {
            // location.href = 'index.html'
            // });
            //--------------------------
            //登录的逻辑处理
            // 1.html页面的编写
            //  2.判断当前用户输入格式是否正确
            // 3.需要大家写一个流程图
            // layui默认判断空字符串，还有一些特点的格式
            // 条用后台进行处理：js怎么调用后台？
            // ajax调用后台代码，传递数据，


            $.ajax({
                url: '/login',//@WebServlet("/login")
                data: data,//前端传递到后台的数据
                type: 'post',//对应servlet里面方法的名字
                dataType: 'json',//以后这里默认都为json对象
                success: function (res) {//后台返回给前端的数据
                    console.log(res);
                    if (res.msg == 'success') {
                        //第一阶段跳转页面window.open('home.html','_top');
                        //用户登录成功以后，需要在管理页面得到当前的登录名
                        //登录成功，应该将登录名传递到另一个页面
                        sessionStorage.setItem("username",data.username)
                        location.href = '/html/index.html';

                        // layer.msg("登录成功，即将跳转页面");
                    } else {
                        layer.msg("用户名或者密码错我，请重新输入");
                    }
                }
            })
            //不让刷新页面
            return false;
        });
    });
})
